<%@ taglib prefix="a" uri="http://jmaki/v1.0/jsp" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<f:view>
    <html>
    <head>
        <t:stylesheet path="../css/estilo.css"/>
        <f:loadBundle basename="recursos.publico" var="cpublico"/>
        <f:loadBundle basename="recursos.componentes" var="msjCompontent"/>
        <f:loadBundle basename="recursos.privado" var="cprivado"/>
    </head>
    <body>
        <t:div id="main">
            <t:div id="nav">
                <h:form id="navegacion">
                    <h:graphicImage value="../css/nexus.png" width="162" height="51" styleClass="logo"/>
                    <jsp:include page="../componentes/panel_menu_lateral.jsp"/>
                </h:form>
            </t:div>
            <t:div id="content">
                <p class="clear">&nbsp;</p>
                
                <h2><strong>Crear un Espacio de Curso</strong></h2>
                <t:div styleClass="fisheye">
                    <a:widget name="dojo.fisheye"
                        value="[
                        {iconSrc:'../estilo/imagenes/inicio.png', label : 'Inicio',action: {message:{value: 'inicio'}}},
                        {iconSrc:'../estilo/imagenes/perfil.png',
                        label : 'Perfil',action: {message:{value: 'perfil'}}},
                        {iconSrc:'../estilo/imagenes/salir_1.png',
                        label : 'Salir',action: {message:{value: 'salir'}}},
                        ]"/>
                </t:div>
                <fieldset>
                    <blockquote>
                        <h:messages/>
                    </blockquote>
                <legend>Datos Generales</legend>
                <h:form id="formCrearEspacio" styleClass="form">
                <h:panelGroup rendered="#{!configurarEspacioCurso.mostrarConfigurarEspacioCurso}">
                <div align="center">
                    
                   <t:panelGrid columns="2">
                        <h:outputText value="#{cprivado.nombreEspacio}" styleClass="label"/>
                        <h:inputText id="ne" value="#{configurarEspacioCurso.nombreEspacio}" required="true" requiredMessage="El nombre del espacio es obligatorio" style="width:300px;"/>

                        <h:outputText value="#{cprivado.descripcion}" styleClass="label"/>
                        <h:inputTextarea id="dese" value="#{configurarEspacioCurso.descripcionEspacio}" style="width:300px;height:200px;"/>

                        <t:panelGroup colspan="2">
                        <div align="center">
                            <h:commandButton value="#{cprivado.continuar}" actionListener="#{configurarEspacioCurso.actionMostrarOpcionConfiguracion}" styleClass="boton"/>
                        </div>
                             <%--action="#{configurarEspacioCurso.crearEspacioCurso}"--%>


                        </t:panelGroup>
                    </t:panelGrid>
                </div>
                </h:panelGroup>
                
                <h:panelGroup rendered="#{configurarEspacioCurso.mostrarConfigurarEspacioCurso}">
                    
                <h:dataTable value="#{configurarEspacioCurso.carreras}" var="carrera">
                    <h:column>
                        <h:panelGrid columns="2" columnClasses="tablaCarreraBodyIzq,tablaCarreraBodyDer">
                            <h:outputText value="#{carrera.nombreCarrera}" styleClass="texto"/>
                            <h:panelGroup>
                                <h:commandLink rendered="#{!carrera.mostrarMaterias}" actionListener="#{carrera.actionMostrarmaterias}">
                                    <h:outputText value="mostrar materias" styleClass="label"/>
                                </h:commandLink>
                                <h:commandLink rendered="#{carrera.mostrarMaterias}" actionListener="#{carrera.actionNoMostrarmaterias}">
                                    <h:outputText value="ocultar materias" styleClass="label"/>
                                </h:commandLink>
                            </h:panelGroup>
                        </h:panelGrid>
                        <h:dataTable rendered="#{carrera.mostrarMaterias}" value="#{carrera.materias}" var="materia" style="margin-left:50px;">
                            <h:column>
                                <h:panelGrid columns="2" columnClasses="tablaMateriaBodyIzq,tablaMateriaBodyDer">
                                    <h:outputText value="#{materia.nombreMateria}" styleClass="texto"/>
                                    <h:panelGroup>
                                        <h:commandLink rendered="#{!materia.mostrarGrupos}" actionListener="#{materia.actionMostrarGrupo}">
                                            <h:outputText value="mostrar grupos" styleClass="label"/>
                                        </h:commandLink>
                                        <h:commandLink rendered="#{materia.mostrarGrupos}" actionListener="#{materia.actionNoMostrarGrupo}">
                                            <h:outputText value="ocultar grupos" styleClass="label"/>
                                        </h:commandLink>
                                    </h:panelGroup>
                                </h:panelGrid>
                                <h:dataTable rendered="#{materia.mostrarGrupos}" value="#{materia.grupos}" var="grupo" style="margin-left:110px;">
                                    <h:column>
                                        <h:panelGrid columns="3">
                                                <h:outputText value="Grupo :" styleClass="label"/>
                                                <h:outputText value="#{grupo.nombreGrupo}" styleClass="texto"/>
                                            <h:selectBooleanCheckbox value="#{grupo.seleccionado}"/>
                                    </h:panelGrid>
                                    </h:column>
                                </h:dataTable>
                            </h:column>
                        </h:dataTable>
                    </h:column>
                </h:dataTable>
                <div align="center">
                    <h:commandButton value="Crear Espacio" action="#{configurarEspacioCurso.crearEspacioCurso}" styleClass="boton"/>
                </div>
                </h:panelGroup>
                </h:form>
                </fieldset>
            </t:div>
            <t:div id="sidebar">
                <h4>Calendario Nexus</h4>
                <div id="calendar" align="center">
                    <a:widget name="dojo.dijit.calendar" />
                </div>
                <h4>Buscador</h4>
                <div id="google" align="center">
                <a:widget name="google.search"
                    args="{centerPoint : 'UMSS, CBBA', defaultSearh : 'jMaki'}" />
                </div>
            </t:div>
        </t:div>
        
    </body>
</html>
</f:view>
